<?php
echo $this->loadJs();
echo $this->loadCss();
echo $this->headScript()->appendFile($this->baseUrl() . "/js/admin/dashboard/tablero_unidad.js")
        ->appendFile($this->baseUrl() . "/js/dx.chartjs.js")
        ->appendFile($this->baseUrl() . "/js/globalize.min.js")
//        ->appendFile($this->baseUrl() . "/js/knockout-2.2.1.js")
        ->appendFile($this->baseUrl() . "/js/sglide.js");
?>
<style type="text/css">
    .hidden_div
    {        
        display: none;
    }
    .slider_bar {

        background-color: #C2E0FF;
    }
</style>
<h3>Disponibilidad de m&aacute;quinas virtuales</h3>
<div id="info-dashboard" class="container-fluid">
    <div class="row-fluid">
        <div class="alert">
            <h4>Configuraci&oacute;n base de recursos. UNA UNIDAD B&Aacute;SICA representa los siguientes recursos:</h4><br/>
            <p><b>Memoria: </b><?php echo $this->baseMemory; ?> MB (Mega Bytes)</p>
            <p><b>N&uacute;mero de CPU: </b><?php echo $this->baseCpuNumber; ?> Unid.</p>
            <p><b>Frecuencia CPU: </b><?php echo $this->baseCpuSpeed; ?> MHz (Mega Hertz)</p>
            <p id="units-message"></p>
        </div>
    </div>
    <div class="row-fluid">
        
        <div class="span6"><strong id="total_resource"></strong><br/>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2">
            <h3>Domingo</h3>
        </div>
        <div class="span10">
            <div class="row-fluid">
                <div id="resource0"></div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2">
            <h3>Lunes</h3>
        </div>
        <div class="span10">
            <div class="row-fluid">
                <div id="resource1"></div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2">
            <h3>Martes</h3>
        </div>
        <div class="span10">
            <div class="row-fluid">
                <div id="resource2"></div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2">
            <h3>Mi&eacute;rcoles</h3>
        </div>
        <div class="span10">
            <div class="row-fluid">
                <div id="resource3"></div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2">
            <h3>Jueves</h3>
        </div>
        <div class="span10">
            <div class="row-fluid">
                <div id="resource4"></div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2">
            <h3>Viernes</h3>
        </div>
        <div class="span10">
            <div class="row-fluid">
                <div id="resource5"></div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2">
            <h3>S&aacute;bado</h3>
        </div>
        <div class="span10">
            <div class="row-fluid">
                <div id="resource6"></div>
            </div>
        </div>
    </div>
</div>